<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
    
        <%@ page import="entretenimiento.negocio.GestionJuego" %>
<%@ page import="java.util.Collection" %>
<%@ page import="entretenimiento.modelo.Juego" %>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Sistema de Entretenimiento Familiar</title>

 <!-- Le styles -->
    <link href="bootstrap/css/bootstrap.css" rel="stylesheet">
    <style type="text/css">
      body {
        padding-top: 60px;
        padding-bottom: 40px;
      }
    </style>
    <link href="bootstrap/css/bootstrap-responsive.css" rel="stylesheet">

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

</head>
<body>



    <%@include file="header.jsp"%>

    <div class="container">

<div class="center_content">
		<h3>Mantenimiento de Juegos</h3>
		<form action="verRegistroJuego.html" method="GET">
			<input type="submit" name="btnNuevo" id="btnNuevo" value="Nuevo" />
		</form>
		<table border="1">
			<tr>
				<td>Nombre</td>
				<td>Descripcion</td>
				<td>Materiales</td>
				<td>Imagen</td>
				<td>CostoPersona</td>
				<td>Editar</td>
				<td>Eliminar</td>
			</tr>


			<c:forEach items="${requestScope.JUEGOS}" var="r" varStatus="i">
				<tr>
					<td width="100">${r.getNombre()}</td>
					<td>${r.getDescripcion()}</td>
					<td>${r.getMaterial()}</td>
					<td>${r.getImagen()}</td>
					<td>${r.getCostopersona()}</td>
					<td align="center"><a
						href="editarJuego.html?id=${r.getIdjuego()}"> <img
							src="images/editar.jpg" alt="" title="" border="0" />
					</a></td>
					<td align="center"><a
						href="eliminarJuego.html?id=${r.getIdjuego()}"><img
							src="images/delete.gif" alt="" title="" border="0" /></a></td>
				</tr>
			</c:forEach>
		</table>
	</div>
	<!-- end of center content -->

      <hr>

      <footer>
        <p>&copy; dew-gestion dia campo. 2012</p>
      </footer>

    </div> <!-- /container -->
    
     <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="bootstrap/js/jquery.js"></script>
    <script src="bootstrap/js/bootstrap-transition.js"></script>
    <script src="bootstrap/js/bootstrap-alert.js"></script>
    <script src="bootstrap/js/bootstrap-modal.js"></script>
    <script src="bootstrap/js/bootstrap-dropdown.js"></script>
    <script src="bootstrap/js/bootstrap-scrollspy.js"></script>
    <script src="bootstrap/js/bootstrap-tab.js"></script>
    <script src="bootstrap/js/bootstrap-tooltip.js"></script>
    <script src="bootstrap/js/bootstrap-popover.js"></script>
    <script src="bootstrap/js/bootstrap-button.js"></script>
    <script src="bootstrap/js/bootstrap-collapse.js"></script>
    <script src="bootstrap/js/bootstrap-carousel.js"></script>
    <script src="bootstrap/js/bootstrap-typeahead.js"></script>

</body>
</html>